<!DOCTYPE html>
            <html lang="zh">
        
            <head>
                <meta charset="UTF-8">
                <meta content="其他最热前端框架,收藏的一些实用技术博客地址爱尚博客,www.aijiumai.cn,aijiumai.cn,前端趋势,微信小程序制作,小程序教程,前端怎么做app,app制作,网站开发,靠谱的网站开发,app开发,小程序开发,小程序开发多少钱,app开发多少钱,网站开发多少钱"
                    name="Keywords">
                <meta name="description" content="收藏的一些实用技术博客地址-爱尚博客-让前端萌新少走弯路的博客！" />
                <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
                <title>收藏的一些实用技术博客地址-爱尚博客-爱尚前端-www.aijiumai.cn</title>
                <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
                <link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css">
                <script src="../../common/public.js"></script>
                <link rel="stylesheet" href="../../common/styles/atom-one-dark.css">
                <link rel="stylesheet" href="../../common/m.css">
                <link rel="stylesheet" href="../../assets/css/item.css">
            </head>
        
            <body><div class="box" v-cloak>
            <!-- 导航 -->
            <header>
                <div class="logo">爱尚博客</div>
                <div class="navs">
                    <a :href="item.url" v-for="(item,index) in nav" :key="item.Id" v-cloak>{{item.name}}</a>
                </div>
                <!-- 小屏幕nav -->
                <mu-menu cover placement="bottom-end" :open.sync="open">
                    <mu-button icon>
                        <mu-icon value="menu"></mu-icon>
                    </mu-button>
                    <mu-list slot="content">
                    <mu-list-item button v-for="(item,index) in nav" :key="item.Id" :href="item.url">
                        <mu-list-item-title>
                            {{item.name}}
                        </mu-list-item-title>
                    </mu-list-item>
                    </mu-list>
                </mu-menu>
                <!-- 小屏幕nav -->
            </header>
            <!-- 导航 -->
            <!-- 主体 -->
            <article>
                <section>
                    <mu-card>
                        <!-- <mu-card-media title="Image Title" sub-title="Image Sub Title">
                        </mu-card-media> -->
                        <mu-card-title title="收藏的一些实用技术博客地址" sub-title="2019-01-13 22:03:01"></mu-card-title>
                        <mu-card-text>
                            <p>收藏的一些实用技术博客地址<br>1、gulp是什么，为什么要用它：<a href="https://blog.csdn.net/xllily_11/article/details/51320002；">https://blog.csdn.net/xllily_11/article/details/51320002；</a><br>2、gulpfile.js的配置：<a href="https://www.sheyilin.com/2016/02/gulp_introduce/；">https://www.sheyilin.com/2016/02/gulp_introduce/；</a><br>3、gulp的安装：<a href="https://yunfeifei.github.io/main/2017/02/28/Gulp入门.html；">https://yunfeifei.github.io/main/2017/02/28/Gulp入门.html；</a></p>
<p>4、instanceof 运算符的用法：<a href="https://www.ibm.com/developerworks/cn/web/1306_jiangjj_jsinstanceof/；">https://www.ibm.com/developerworks/cn/web/1306_jiangjj_jsinstanceof/；</a><br>5、阮一峰Proxy：<a href="http://es6.ruanyifeng.com/#docs/proxy；">http://es6.ruanyifeng.com/#docs/proxy；</a><br>6、vue的getter和setter：<a href="https://www.cnblogs.com/Leo_wl/p/6002068.html；">https://www.cnblogs.com/Leo_wl/p/6002068.html；</a></p>
<p>7、promise讲解：<a href="https://www.cnblogs.com/lvdabao/p/es6-promise-1.html；">https://www.cnblogs.com/lvdabao/p/es6-promise-1.html；</a><br>8、微信小程序加入iconfont图标：<a href="https://blog.csdn.net/nongweiyilady/article/details/74244362；">https://blog.csdn.net/nongweiyilady/article/details/74244362；</a><br>9、微信小程序顶部tab切换：<a href="https://blog.csdn.net/qq_31383345/article/details/52900835；">https://blog.csdn.net/qq_31383345/article/details/52900835；</a></p>
<p>10、微信小程序抽屉式下拉：<a href="https://blog.csdn.net/michael_ouyang/article/details/60954907；">https://blog.csdn.net/michael_ouyang/article/details/60954907；</a><br>11、vue路由传参两种方式的差别：<a href="https://www.cnblogs.com/lulianlian/p/7682790.html；">https://www.cnblogs.com/lulianlian/p/7682790.html；</a><br>12、vue-cli搭建教程：<a href="https://www.jianshu.com/p/1626b8643676；">https://www.jianshu.com/p/1626b8643676；</a></p>
<p>13、vue-router的基本使用：<a href="https://www.cnblogs.com/SamWeb/p/6610733.html；">https://www.cnblogs.com/SamWeb/p/6610733.html；</a><br>14、vue.set的使用：<a href="https://blog.csdn.net/qq_30455841/article/details/78666571；">https://blog.csdn.net/qq_30455841/article/details/78666571；</a><br>15、v-for循环在id拼接index：<a href="https://blog.csdn.net/xiongmaodeguju/article/details/78526594；">https://blog.csdn.net/xiongmaodeguju/article/details/78526594；</a></p>
<p>16、vue的select选择：<a href="https://www.jb51.net/article/107569.htm；">https://www.jb51.net/article/107569.htm；</a><br>17、window下安装nvm：<a href="https://segmentfault.com/a/1190000007612011；">https://segmentfault.com/a/1190000007612011；</a><br>18、谷歌浏览器扩展程序：<a href="http://chromecj.com/utilities/2015-04/423.html；">http://chromecj.com/utilities/2015-04/423.html；</a></p>
<p>19、MongoDB入门：<a href="https://blog.csdn.net/hsd2012/article/details/51279472；">https://blog.csdn.net/hsd2012/article/details/51279472；</a><br>20、jq遍历添加事件：<a href="https://blog.csdn.net/u014479505/article/details/50548639；">https://blog.csdn.net/u014479505/article/details/50548639；</a><br>21、获取url用js编码解码：<a href="https://www.cnblogs.com/FrankLei/p/6741030.html；">https://www.cnblogs.com/FrankLei/p/6741030.html；</a></p>
<p>22、Require.JS中的几种define定义方式示例：<a href="https://www.jb51.net/article/115120.htm；">https://www.jb51.net/article/115120.htm；</a><br>23、纯css美化单选复选框：<a href="https://blog.csdn.net/joeone_strong/article/details/70160562；">https://blog.csdn.net/joeone_strong/article/details/70160562；</a><br>24、js的事件委托：<a href="https://www.cnblogs.com/liugang-vip/p/5616484.html；">https://www.cnblogs.com/liugang-vip/p/5616484.html；</a></p>
<p>25、vue实现APP页面切换效果：<a href="https://www.vue-js.com/topic/58c793f4a476ff9533840114；">https://www.vue-js.com/topic/58c793f4a476ff9533840114；</a><br>26、vue路由回退时候判断还有没有上一级：<a href="https://segmentfault.com/q/1010000010714863；">https://segmentfault.com/q/1010000010714863；</a><br>27、ajax请求返回状态为200但还是进入error事件：<a href="https://blog.csdn.net/mafan121/article/details/50832873；">https://blog.csdn.net/mafan121/article/details/50832873；</a></p>
<p>28、js手动分页：<a href="https://www.cnblogs.com/xianhuiwang/p/6839517.html；">https://www.cnblogs.com/xianhuiwang/p/6839517.html；</a><br>29、vue的is和:is区别：<a href="https://blog.csdn.net/tangcc110/article/details/79452417；">https://blog.csdn.net/tangcc110/article/details/79452417；</a><br>30、vue2.X 电商图片放大效果：<a href="https://juejin.im/post/5a62fd66f265da3e317e3f9f；">https://juejin.im/post/5a62fd66f265da3e317e3f9f；</a></p>
<p>31、ES6 中的 Generator：<a href="https://www.cnblogs.com/wangfupeng1988/p/6532713.html；">https://www.cnblogs.com/wangfupeng1988/p/6532713.html；</a><br>32、this指向问题：<a href="https://segmentfault.com/a/1190000015438195#articleHeader2；">https://segmentfault.com/a/1190000015438195#articleHeader2；</a><br>33、vuex入门：<a href="https://segmentfault.com/a/1190000009404727；">https://segmentfault.com/a/1190000009404727；</a></p>
<p>34、npm script 的使用：<a href="http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html；">http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html；</a><br>35、vue使用keep-alive缓存：<a href="https://segmentfault.com/a/1190000011640453；">https://segmentfault.com/a/1190000011640453；</a><br>36、前端获取long型数值精度丢失，preview与response显示不一致：<a href="https://blog.csdn.net/tg928600774/article/details/80983654；">https://blog.csdn.net/tg928600774/article/details/80983654；</a></p>
<p>37、Redis入门：<a href="https://blog.csdn.net/liqingtx/article/details/60330555；">https://blog.csdn.net/liqingtx/article/details/60330555；</a><br>38、vue选项卡实现：<a href="https://segmentfault.com/a/1190000010939638；">https://segmentfault.com/a/1190000010939638；</a><br>39、截取url某个值：<a href="https://www.cnblogs.com/linsx/p/6940276.html；">https://www.cnblogs.com/linsx/p/6940276.html；</a></p>
<p>40、从零开始搭建Node.js, Express, Ejs, Mongodb服务器：<a href="https://www.toolmao.com/nodejs-express-ejs-mongodb-server；">https://www.toolmao.com/nodejs-express-ejs-mongodb-server；</a><br>41、2018年node实战视频教程：<a href="https://www.itying.com/koa/article-index-id-76.html；">https://www.itying.com/koa/article-index-id-76.html；</a><br>42、node从入门到实战：<a href="https://www.itying.com/goods-240.html；">https://www.itying.com/goods-240.html；</a></p>
<p>43、polyfill 方案（解决浏览器差异）：<a href="https://segmentfault.com/a/1190000010106158?utm_source=tuicool&amp;utm_medium=referral；">https://segmentfault.com/a/1190000010106158?utm_source=tuicool&amp;utm_medium=referral；</a><br>44、理解Object.defineProperty的作用：<a href="https://segmentfault.com/a/1190000007434923；">https://segmentfault.com/a/1190000007434923；</a><br>45、node学习线路：<a href="http://blog.fens.me/nodejs-roadmap/；">http://blog.fens.me/nodejs-roadmap/；</a></p>
<p>46、webpack4升级指南：<a href="https://segmentfault.com/a/1190000014247030；">https://segmentfault.com/a/1190000014247030；</a><br>47、webpack入门：<a href="https://segmentfault.com/a/1190000006178770；">https://segmentfault.com/a/1190000006178770；</a><br>48、前端也需要好好的精进自己的算法：<a href="https://segmentfault.com/a/1190000015849882；">https://segmentfault.com/a/1190000015849882；</a></p>
<p>50、弹幕设计：<a href="https://segmentfault.com/a/1190000015722802；">https://segmentfault.com/a/1190000015722802；</a><br>51、Nginx暴力解说：<a href="https://segmentfault.com/a/1190000015917733；">https://segmentfault.com/a/1190000015917733；</a><br>52、跨域产生和解决：<a href="https://segmentfault.com/a/1190000015597029；">https://segmentfault.com/a/1190000015597029；</a></p>
<p>53、es6代理模式：<a href="https://segmentfault.com/a/1190000015800703；">https://segmentfault.com/a/1190000015800703；</a><br>54、git的团队合作：<a href="https://segmentfault.com/a/1190000015676846；">https://segmentfault.com/a/1190000015676846；</a><br>55、17-18年的前端面试：<a href="https://segmentfault.com/a/1190000015591521；">https://segmentfault.com/a/1190000015591521；</a></p>
<p>56、web缓存：<a href="https://segmentfault.com/a/1190000015809379；">https://segmentfault.com/a/1190000015809379；</a><br>57、18年8月面试：<a href="https://segmentfault.com/a/1190000015916686；">https://segmentfault.com/a/1190000015916686；</a><br>58、function* , yeild详解：<a href="https://blog.csdn.net/hnhygkx/article/details/78052138；">https://blog.csdn.net/hnhygkx/article/details/78052138；</a></p>
<p>59、nodejs的stream和pipe机制：<a href="https://blog.csdn.net/vieri_32/article/details/48376547；">https://blog.csdn.net/vieri_32/article/details/48376547；</a><br>60、node中的可读流和可写流：<a href="https://www.jianshu.com/p/ca1903332fc7；">https://www.jianshu.com/p/ca1903332fc7；</a><br>61、nodejs中流的理解：<a href="https://blog.csdn.net/weixin_39573030/article/details/79345305；">https://blog.csdn.net/weixin_39573030/article/details/79345305；</a></p>
<p>62、HTTP协议入门：<a href="http://www.cnblogs.com/ranyonsue/p/5984001.html；">http://www.cnblogs.com/ranyonsue/p/5984001.html；</a><br>63、Http协议与TCP协议简单理解：<a href="https://www.cnblogs.com/dingjiaoyang/p/5326544.html；">https://www.cnblogs.com/dingjiaoyang/p/5326544.html；</a><br>64、Http、TCP/IP协议与Socket之间的区别：<a href="https://blog.csdn.net/done58/article/details/50996680；">https://blog.csdn.net/done58/article/details/50996680；</a></p>
<p>65、HTTP与TCP的区别和联系：<a href="https://blog.csdn.net/u013485792/article/details/52100533；">https://blog.csdn.net/u013485792/article/details/52100533；</a><br>66、HTTP与HTTPS的区别：<a href="https://www.cnblogs.com/wqhwe/p/5407468.html；">https://www.cnblogs.com/wqhwe/p/5407468.html；</a></p>
<p>67、php自动把字符串  +  加号转换成空格处理，直接可以直接 用 【%<a href="https://github.com/2B" title="&#64;2B" class="at-link">@2B</a>】代替加号或者在php里面，先用str_replace函数，将加号替换成” %<a href="https://github.com/2B" title="&#64;2B" class="at-link">@2B</a>  “,然后进行urlencode编码，在接收方用urldecode解码就可正常使用了，去掉%<a href="https://github.com/2B" title="&#64;2B" class="at-link">@2B</a>中的@</p>
<p>如果你觉得还有更好的，欢迎评论</p>

                        </mu-card-text>
                        <mu-divider></mu-divider>
                        <!-- <mu-card-actions>
                            <a :href="item.href" v-for="(item,index) in datas" :key="index">
                                <mu-button flat>
                                    <span class="items_b" v-if="index!=1">上一篇：{{item.title}}</span>
                                    <span class="items_b" v-if="index==1">下一篇：{{item.title}}</span>
                                </mu-button>
                            </a>
                        </mu-card-actions>
                        <mu-divider></mu-divider> -->
                        <mu-card-actions>
                            <mu-button flat class="primary" @click.native="like_click()">
                                <div class="like">
                                    <!-- 点赞 -->
                                </div>
                            </mu-button>
                            <mu-button flat @click.native="gift_click()">
                                <div class="gift">
                                    <!-- 打赏 -->
                                </div>
                            </mu-button>
                        </mu-card-actions>
                    </mu-card>
                    <mu-card>
                        <div id="SOHUCS">
                            <!-- 感谢畅言 -->
                        </div>
                    </mu-card>
                </section>
                <!-- 侧边 -->
                <aside>
                    <mu-container>
                        <mu-expansion-panel :expand="expands">
                            <div slot="header">标签</div>
                            <mu-button color="primary" v-for="(item,index) in tag" :key="item.Id" v-cloak>{{item.name}}</mu-button>
                        </mu-expansion-panel>
                        <mu-expansion-panel :expand="expands">
                            <div slot="header">爱尚博客小程序</div>
                            <img src="../../image/xcx.jpg" alt="爱尚博客小程序">
                        </mu-expansion-panel>
                        <mu-expansion-panel :expand="expands">
                            <div slot="header">最近更新</div>
                            <mu-list>
                                <mu-tooltip :content="set_tips(item.timer,1)" v-for="(item,index) in new_items" :key="item.Id"
                                    placement="top">
                                    <a :href="item.href" target="_blank">
                                        <mu-list-item button :ripple="false">
                                            <mu-list-item-action v-cloak>
                                                {{index+1}}
                                            </mu-list-item-action>
                                            <mu-list-item-title v-cloak>{{item.title}}</mu-list-item-title>
                                        </mu-list-item>
                                    </a>
                                </mu-tooltip>
                            </mu-list>
                        </mu-expansion-panel>
                        <mu-expansion-panel :expand="expands">
                            <div slot="header">查看最多</div>
                            <mu-list>
                                <mu-tooltip :content="set_tips(item.look_num)" v-for="(item,index) in hot_items" :key="item.Id"
                                    placement="top">
                                    <a :href="item.href" target="_blank">
                                        <mu-list-item button :ripple="false">
                                            <mu-list-item-action v-if="index <= 2">
                                                <mu-badge :content="index+1" color="secondary"></mu-badge>
                                            </mu-list-item-action>
                                            <mu-list-item-action v-if="index > 2">
                                                <mu-badge :content="index+1"></mu-badge>
                                            </mu-list-item-action>
                                            <mu-list-item-title v-cloak>{{item.title}}</mu-list-item-title>
                                        </mu-list-item>
                                    </a>
                                </mu-tooltip>
                            </mu-list>
                        </mu-expansion-panel>
                        <mu-expansion-panel :expand="expands">
                            <div slot="header">看个广告</div>
                            <mu-carousel transition="fade" v-if="ad_data">
                            <mu-carousel-item v-for="(item,index) in ad_data" :key="item.Id">
                                <a :href="item.href">
                                    <img :src="item.ad_img" :alt="item.name">
                                </a>
                            </mu-carousel-item>
                        </mu-carousel>
                        </mu-expansion-panel>
                    </mu-container>
                </aside>
                <!-- 侧边 -->
                <!-- 底部 -->
                <footer class="foot">
                    <div class="link">
                        友情链接：
                        <a :href="item.url" v-for="(item,index) in links" :key="item.Id" :title="item.beizhu" target="_blank">
                            <mu-button color="primary" flat v-cloak>{{item.name}}</mu-button>
                        </a>
                    </div>
                    <div class="footer_bm">
                        <p>
                            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011802000140&token=da834af7-3426-45c3-b0b6-437f55b4aa7d"
                                target="_blank" title="粤公网安备-44011802000140号"><img src="https://www.aijiumai.cn/image/beianbgs.png"
                                    alt="粤公网安备-44011802000140号" width="30px" height="30px"> 粤公网安备-44011802000140号</a>
                            &nbsp;
                            <a href="http://www.miitbeian.gov.cn/" target="_blank" title="粤ICP备15074775">粤ICP备15074775号-1</a>
                        </p>
                        <p>
                            © 爱尚博客 &nbsp;<a href="https://www.aijiumai.cn">www.aijiumai.cn</a> &nbsp;
                            <a href="../../sitemap.xml">网站地图</a>
                        </p>
                    </div>
                </footer>
                <!-- 底部 -->
            </article>
            <!-- 主体 -->
            <!-- 打赏 -->
            <mu-container v-if="openAlert">
                <mu-dialog title="支持一下下嘛?" width="450" max-width="80%" :esc-press-close="false" :overlay-close="false"
                    :open.sync="openAlert">
                    <img src="../../image/3q.png" alt="">
                    <mu-button slot="actions" flat color="primary" @click="closeAlertDialog">考虑一下</mu-button>
                    <mu-button slot="actions" flat color="primary" @click="closeAlertDialog">我不！</mu-button>
                </mu-dialog>
            </mu-container>
            <!-- 打赏 -->
            </div>
            </body>
            <script src="../../common/v.js"></script>
            <script src="../../common/a.js"></script>
            <script src="../../common/m.js"></script>
            <script src="../../common/highlight.pack.js"></script>
            <script src="../../assets/js/item.js"></script>
            </html>